<template>
  <ul>
    <router-link to='/films/nowplaying'
                 active-class="active"
                 tag="li"><span>正在热映</span></router-link>

    <router-link to='/films/commingsoon'
                 active-class="active"
                 tag="li"><span>准备上映</span></router-link>
  </ul>
</template>
<style lang="scss" scoped>
ul {
  display: flex;
  height: 3.0625rem;
  line-height: 3.0625rem;
  li {
    flex: 1;
    display: flex;
    justify-content: center;
  }
}
.active {
  color: orange;
  span {
    border-bottom: 1px solid orange;
  }
}
</style>